<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <style>
        #ta{
            width: 600px;
        }
        input{
            width: 400px;

        }
        tr td:first-child{
            text-align: center;
            /*!important 最高权重*/
            padding-top: 16px !important;
        }
        tr td:last-child {
            width: 420px;
            text-align: center;
        }
    </style>
</head>
<body>
<form action="#" method="post">
    <table id="ta" align="center"  class="table  table-hover table-bordered">
        <tr>
            <td colspan="2">
                <h2 class="text-center">添加关键词</h2>
            </td>

        </tr>
        <tr>
            <td>关键词(*)：</td>
            <td><input type="text" id="name" class="form-control"  aria-describedby="emailHelp"></td>
        </tr>
        <tr>
            <td>业务类型(*):</td>
            <td><input type="text" id="type"  class="form-control" aria-describedby="emailHelp"></td>

        </tr>
        <tr>
            <td>创建时间(*):</td>
            <td><input type="text" id="time" class="form-control"  aria-describedby="emailHelp"></td>

        </tr>
        <tr >
           <td colspan="2" >
               <a href="javascript:void (0)" class=""><button class="btn btn-primary" type="submit">提交</button></a>
           </td>
        </tr>
    </table>
<script src="./js/jquery-3.5.1.js"></script>
<script>
    $(function (){
        $("tr:not(:last)  td:nth-child(1)").css("background-color","#cccccc");
        $("#name").blur(function (){

        })
        $("[type]")
    })
</script>
</form>
</body>
</html>